<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vite App</title>

    <style>
      #loader {
        border: 5px solid #f1f1f1;
        border-top: 5px solid #555555d6;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        display: inline-block;
        animation: spin 2s linear infinite;
        position: absolute;
        left: calc( 50vw - 25px );
        top: calc( 50vh - 25px );
      }
 
      @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }
      /* 滚动条默认样式 */
      ::-webkit-scrollbar {
          width: 3px  !important;
      }
      ::-webkit-scrollbar-thumb {
          background-color: #c2c2c2d4 !important;
      }
      ::-webkit-scrollbar-track {
          background-color: white !important;
      }
    </style>
  </head>
  <body>
    <div id="app">
      <div id="loader"></div>
    </div>
    <script type="module" src="/src/main.ts"></script>
  </body>
  <style>
    .el-tree-node>.el-tree-node__children {
      background-color: transparent;
      overflow: visible;
  }
  body {
    margin: 0px 0px;
    padding: 0px 0px;
    height: 100vh;
  }
  #app {
    height: 100%;
  }
  </style>
</html>
